body,html{ margin:0px; padding:0px; font-size:14px; font-family:"microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif; color:#333; background-color:#f3f3f3; -moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
dl,dt,dd,table,tr,td{ margin:0px; padding:0px; border:0px; outline:none;}
ul,li{ margin:0px; padding:0px; border:0px; list-style:none; outline:none; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; outline:none;}
p{ margin: 0; padding: 0; }
a{ font-size:14px; color:#333; text-decoration:none; outline:none;}
a:hover{ color:#FF0000; text-decoration:underline;}
img,a img{ border:0px; cursor:pointer; vertical-align:middle;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.clearfix{ zoom:1;}
.clearfix:after{ height:0; display:block; clear:both; content:"."; visibility:hidden;}

.ui-flex{ display:flex;}
.ui-flex-item{ flex:1;}
.ui-relative{ position: relative;}
.ui-background-white{ background-color: #fff; }

.ui-wrap{ width:100%;}
.ui-wrapper{ width:1200px; margin:0 auto;}

/* 顶部 */
.ui-header{ height:88px; background-color:#fff; border-bottom:2px solid #e3e3e3;}
.ui-header .ui-logo{ width: 220px; height: 88px;}
.ui-header .ui-logo img{ height: 70px; margin:9px 0;}
.ui-header .ui-tel{ width: 140px; padding:6px 0; line-height:24px; font-size:15px; color:#666; }
.ui-header .ui-tel strong{ font-size:17px; color:#333; font-weight:normal; letter-spacing:1px;}

/* 导航菜单 */
.suspension{ position:fixed; top:0; z-index:100000; box-shadow: 0px 0px 2px #999;}
.menu{}
.menu ul.submenu{ padding: 20px 0; text-align: right; flex:1;}
.menu ul.submenu li{ float:left; position:relative; z-index:1000;}
.menu ul.submenu li h4{ float:left; font-weight:normal; position:relative; z-index:100;}
.menu ul.submenu li h4 a{ line-height:48px; display:block; border-radius:3px; padding:0 15px; font-size:16px; color:#333; text-decoration:none;}
.menu ul.submenu li h4 a:hover,
.menu ul.submenu li.current h4 a{ color:#e60012;}
.menu ul.submenu li .symbol{ display:block; 
    width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #e3e3e3; position:absolute; top:-10px; left:50px; margin-left:-10px;}
.menu ul.submenu li .symbol em{ display:block; 
    width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #fff; position:absolute; top:1px; left:-10px;}
.menu ul.submenu li>ul{ width:100%; padding:5px 0 16px; display:none; background:#fff;  border:1px solid #e3e3e3; border-radius:0 6px 6px 6px; left:-5px; top:48px; position:absolute; z-index:99;}
.menu ul.submenu li>ul li{ width:100%; zoom:1; padding:0; line-height:36px;}
.menu ul.submenu li>ul li a{ display:block; margin:0 15px; padding:0px 5px; border-radius:5px; color:#666; font-size:15px; text-decoration:none; text-align:center; border-bottom:1px solid #dfdfdf;}
.menu ul.submenu li>ul li a:hover{ color:#e60012; font-weight:bold;}
.menu ul.submenu li.nLi-4 ul{ width:130px;}
.menu ul.submenu li.nLi-4 ul li a{ text-align:left;}
.menu ul.submenu li.nLi-5 ul{ width:130px;}
.menu ul.submenu li.nLi-5 ul li a{ text-align:left;}
.menu ul.submenu li.nLi-6 ul{ width:130px;}
.menu ul.submenu li.nLi-6 ul li a{ text-align:left;}


/* 轮播图 */
.homeSlides{ min-width:1440px; position:relative; z-index:100; overflow:hidden;}
.homeSlides .slides-focus{ width:100%; height:30px; text-align:center; position:absolute; bottom:20px; z-index:1; overflow:hidden;}
.homeSlides .slides-focus ul{ display:inline-block; font-size:0; zoom:1; overflow:hidden;}
.homeSlides .slides-focus ul li{ width:15px; height:15px; display:inline-block; margin-right:5px; border-radius:7px; background:#fff; cursor:pointer;}
.homeSlides .slides-focus ul li.on{ background:#f00; color:#fff; }
.homeSlides .slides-pics{ width:100%; height:100%; z-index:0;}
.homeSlides .slides-pics li{ width:100%; height:600px;}
.homeSlides .slides-pics li a{ width:100%; height:600px; display:block; font-size:0;}
.homeSlides .prev,
.homeSlides .next{ width:45px; height:80px; position:absolute; left:15%; top:40%; margin-top:-25px; display:block; background:url(../images/slider-arrow-bg.png) -105px 25px no-repeat; filter:alpha(opacity=35); -moz-opacity:.3; opacity:.3; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;}
.homeSlides .next{ left:auto; right:15%; background-position:15px 25px;}
.homeSlides .prev:hover,
.homeSlides .next:hover{ filter:alpha(opacity=100); opacity:1; background-color:#666;}
.homeSlides .prevStop{ display:none;}
.homeSlides .nextStop{ display:none;}

/* 公共样式 */
.ui-caption{ padding:30px 0; text-align: center;}
.ui-caption h3{ height:50px; line-height:50px; font-size:32px; color:#333333; text-align: center;}
.ui-caption p{ font-size:16px; line-height:32px; color:#666666;}
.ui-container{ width: 100%; }
.ui-more{ width: 100%; padding: 20px 0; text-align: center; }
.ui-more a{ display: inline-block; padding: 10px 30px; border-radius: 4px; background-color: #e60012; font-size: 15px; color: #fff; }
.ui-more a:hover{}

.class-nav{}
.class-nav a{ margin: 0 10px 0 0; padding: 10px 15px; line-height: 22px; display: inline-block; color: #333; border:1px solid #00AAA6; border-radius: 4px; font-size: 15px;}
.class-nav a.on,
.class-nav a:hover{ background-color: #00AAA6; color: #fff; text-decoration:none; }

/* 我们的服务 */
.qf-service{ background-color:#fff;}
ul.qf-service-list{ display:flex;}
ul.qf-service-list li{ width:232px; height:340px; margin-right:10px; padding:20px; cursor:pointer; transition-duration:0.2s; animation-delay: 0.15s;}
ul.qf-service-list li:last-child{ margin:0;}
ul.qf-service-list li .qf-icon{ width:120px; height:120px; margin:0 auto; line-height:120px; text-align:center; font-size:58px; color:#888; border:3px solid #999; border-radius:60px;}
ul.qf-service-list li h4{ width:100%; height:36px; line-height:36px; font-size:18px; text-align:center; margin-top:10px;}
ul.qf-service-list li span{ width:100%; height:26px; line-height:26px; display:block; text-align:center;}
ul.qf-service-list li .explain{ width:100%; height:78px; line-height:19px; text-indent:2em; font-size:13px; display:none; }
ul.qf-service-list li .link{ width:100px; height:36px; margin:10px auto; background-color:#e60012; line-height:36px; text-align:center; border-radius:5px;}
ul.qf-service-list li .link a{ color:#fff; font-size:14px;}
ul.qf-service-list li .link:hover{ background-color:#e60012;}
ul.qf-service-list li .link:hover a{ color:#FFF; text-decoration:none;}
ul.qf-service-list li:hover{ border:2px solid #e60012; border-radius:8px;}
ul.qf-service-list li:hover h4{}
ul.qf-service-list li:hover .qf-icon{ color:#e60012; border-color:#e60012; transform:rotateY(180deg);}
ul.qf-service-list li:hover .explain{ display:block;}
ul.qf-service-list li:hover span{ display:none;}
ul.qf-service-list li:hover .link{ background-color:#e60012;}

/* 选择我们的理由*/
.qf-advantage{}
.qf-advantage-cover{ width:380px; height:210px; position:absolute; z-index:1000; top:110px; left:410px;}
.qf-advantage-cover img{ width:380px; height:210px; border-radius:8px;}
ul.qf-advantage-list{ display:flex; flex-wrap:wrap;}
ul.qf-advantage-list li{ width:400px; height:100px; margin:0 10px 10px 0; padding:15px; background-color:#fff; border-radius:6px; cursor:pointer;}
ul.qf-advantage-list li .icon{ display:none;}
ul.qf-advantage-list li h4{ line-height:28px; font-size:18px;}
ul.qf-advantage-list li .explain{ height:42px; line-height:21px; color:#666; font-size:14px;}
ul.qf-advantage-list li.on,
ul.qf-advantage-list li:hover{ border:2px solid #f00; padding:13px;}
ul.qf-advantage-list li.nLi-2,
ul.qf-advantage-list li.nLi-5,
ul.qf-advantage-list li.nLi-8,
ul.qf-advantage-list li.nLi-11{ width:380px;}
ul.qf-advantage-list li.nLi-3,
ul.qf-advantage-list li.nLi-6,
ul.qf-advantage-list li.nLi-9,
ul.qf-advantage-list li.nLi-12{ margin-right:0;}
ul.qf-advantage-list li.nLi-5,
ul.qf-advantage-list li.nLi-8{visibility: hidden;}

/* 项目流程 */
.qf-process{ background-color:#fff;}
ul.qf-process-list{ display:flex;}
ul.qf-process-list li{ width:202px; height:140px; margin-left:-2px; padding:10px 10px 10px 50px; cursor:pointer; position:relative; border:2px solid #f6f6f6; border-radius:8px;}
ul.qf-process-list li:first-child{ margin:0;}
ul.qf-process-list li .qf-icon{ width:50px; height:50px; line-height:50px; font-size:36px; text-align:center; position:absolute; z-index:100; top:36px; left:0;}
ul.qf-process-list li h4{ width:130px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#e60012;}
ul.qf-process-list li .explain{ width:130px; height:80px; line-height:20px; font-size:14px; color:#666;}
ul.qf-process-list li.on,
ul.qf-process-list li:hover{ background-color:#fff; border:2px solid #f00; z-index:100;}

/* 成功案例 */
.qf-case{}
ul.qf-case-list{ flex-wrap:wrap;}
ul.qf-case-list li{ width:230px; margin:5px; padding:14px; cursor:pointer; position:relative;  border-radius:6px; border:1px solid #efefef; background-color:#fff;}
ul.qf-case-list li .thumb{ width:200px; height:200px;}
ul.qf-case-list li .thumb img{ width:200px; height:200px; opacity:0.75;}
ul.qf-case-list li h4{ height:40px; margin-top:10px; line-height:20px; text-align:center; font-size:15px;}
ul.qf-case-list li:hover{ border-color:#e60012;}
ul.qf-case-list li:hover h4{ color:#e60012;}
ul.qf-case-list li:hover .thumb{ transition-duration:0.4s;}
ul.qf-case-list li:hover .thumb img{ transition-duration:0.4s; opacity:1;}


/* 关于我们 */
.qf-aboutus{ background-color: #fff; padding-bottom: 50px;}
.qf-aboutus .thumb{}
.qf-aboutus .thumb img{ width:560px ; height:420px; border-radius:8px;}
.qf-aboutus .content{ width:660px; height:260px; padding:30px; background-color:#fff; border-radius:8px; box-shadow: 10px 10px 5px #e3e3e3; position: absolute; z-index: 1000; right: 0; top: 50px;}
.qf-aboutus .content h3{ font-size: 18px; line-height: 40px;}
.qf-aboutus .content p{ line-height: 200%; font-size: 15px; text-indent:2em;}

/* 新闻资讯 */
.qf-news{}
.qf-news .qf-news-title{ display:flex;}
.qf-news .qf-news-title h4{ min-width:120px; height:36px; padding:0 0 0 3px; font-size:18px; color:#e60012;}
.qf-news .qf-news-title .more{ flex:1; padding:0 20px 0 0; line-height:26px; text-align:right;}
.qf-news .items{ width:50%;}
ul.qf-news-list{ flex-wrap:wrap;}
ul.qf-news-list li{ width:590px; margin:0 0 10px; padding:10px; cursor:pointer; position:relative;  border-radius:6px; border:1px solid #fff; background-color:#fff; display:flex;}
ul.qf-news-list li .thumb{ width:100px; height:75px;}
ul.qf-news-list li .thumb img{ width:100px; height:75px;}
ul.qf-news-list li .content{ flex:1; padding:0 10px;}
ul.qf-news-list li h4{ height:24px; font-size:15px;}
ul.qf-news-list li h4 a{ font-size:16px;}
ul.qf-news-list li .descinfo{ height:24px; line-height:24px; color:#999; overflow:hidden;}
ul.qf-news-list li .date{ margin-top:4px; line-height:20px; color:#787878;}
ul.qf-news-list li.on,
ul.qf-news-list li:hover{ background-color:#fefefe; border-color:#e60012;}
/* 友情链接 */
.qf-friendlink{ background-color: #fff;}
.qf-friendlink .layui-this{ background-color:#f3f3f3; font-size:15px; color:#e60012; border-bottom:3px solid #e60012;}
ul.qf-flink-list-image{ display:flex; flex-wrap:wrap;}
ul.qf-flink-list-image li{ width:190px; height:78px; margin:0 10px 10px 0; padding:10px; border:1px solid #e3e3e3; border-radius:4px;}
ul.qf-flink-list-image li img{ width:168px; height:56px;}
ul.qf-flink-list-image li:hover{ padding:6px;}
ul.qf-flink-list-image li:hover img{ width:176px; height:64px;}

ul.qf-flink-list-txt{ display:flex; flex-wrap:wrap;}
ul.qf-flink-list-txt li{ padding:0 20px 0 0; line-height:30px;}
ul.qf-flink-list-txt li a{ font-size:15px; color:#666;}
ul.qf-flink-list-txt li:hover a{ color:#e60012;}

/* 底部 */
.bottom{ margin:20px 0 0; padding: 50px 0; background-color: #333; color: #fff; }
.bottom a{ color: #fff; }
.bottom .links{ text-align:center; line-height: 32px; }
.bottom .copyright{ text-align:center; line-height: 32px; }

/* 分页 */
.pagination{ margin:20px 0; text-align:center;}  
.pagination li{ margin:0px 5px; padding:5px 10px; display:inline-block; border:1px solid #a6a6a6; cursor:pointer;} 
.pagination li:hover{ border-color:#e60012;}
.pagination li:hover a{ color:#e60012;}
.pagination .active{ background-color:#fff; color:#e60012;}  
.pagination .disabled{ color:#AAA;} 

/* 在线客服 - 颜色重写 */
.qf-kf-panel dl dt{ background-color:#06a3ea !important;}
.qf-kf-panel dl dd{ background-color:#06a3ea !important;}

/* 广告 */
.ads-banner{ width: 100%; margin-top: 0px; min-width:1440px;}
.ads-banner ul{ width: 100%; }
.ads-banner ul li{ width: 100%; height: 300px; }

/*列表页*/
.sidebar{ width:230px; background-color:#fff;}
.wrapmain{ width:960px; background-color:#fff;}
.wrap-container{ width: 960px;}

/* 位置导航 */
.crumbs{ line-height: 42px; }
.crumbs em.qf-icon{ font-size:18px;}
/*左侧导航*/
.side-nav{ padding:10px 15px;}
.side-nav h3{ line-height:32px; font-size:16px; color:#e60012; border-bottom:1px solid #e60012;}
.side-nav ul{ padding: 10px 0; }
.side-nav ul li{ margin:0 0 5px 0;}
.side-nav ul li a{ height: 36px; line-height: 36px; font-size: 15px; text-indent:50px; display: block; border-radius: 4px; text-decoration: none;}
.side-nav ul li.current a,
.side-nav ul li a:hover{ background-color: #e60012; color: #fff; }

/*左侧联系方式*/
.contact{ padding:10px 15px;}
.contact h3{ line-height:32px; font-size:16px; color:#e60012; border-bottom:1px solid #e60012;}
.contact ul{ padding: 10px 0;}
.contact ul li{ line-height:30px; font-size:15px; border-bottom:0;}
.contact ul li.address{ height:60px;}
.contact ul li em{}
.contact ul li .typename{}
.contact ul li .typevalue{}
.contact ul li a{ font-size:14px;}
.contact ul li:hover{ background:none;}
.contact ul li.email{ height:30px; position:relative;}
.contact ul li.email a{ font-size:14px; color:#333; padding:0;}
.contact ul li.email a:hover{ font-size:14px;}
.contact ul li.email .typevalue{ line-height:30px; position:absolute; left:45px; top:0;}
.contact ul li.ercode p{ text-align:center; margin:0;}

/* 单篇 */
.qf-single{}
.qf-single-container{ padding: 20px; }
.qf-single-container h1{ padding: 10px 0 20px; line-height: 30px; text-align: center; }
.qf-single-container .content{ font-size: 16px; line-height: 240%; }
.qf-single-container .content img{ max-width: 100%; }

/* 文章 */
.qf-article-container{ padding:10px 20px;}
.qf-cms-title{ padding:10px 0; display:flex; border-bottom:1px solid #f00; line-height:20px;}
.qf-cms-title h3{ flex:1; color:#f00; font-size:18px;}
.qf-cms-title a{ min-width:90px; text-align:right;}
.qf-cms-container{ padding:10px 0;}

/* 文章列表 — 纯标题+日期 */
ul.article-list-text{ padding: 5px 0; }
ul.article-list-text li{ border-bottom:1px dashed #efefef; }
ul.article-list-text li .title{ height: 36px; line-height: 36px; font-size: 15px; color: #333; flex: 1;  overflow: hidden;}
ul.article-list-text li .date{ width: 120px; line-height: 36px; text-align: right; color: #999; }

/* 文章列表 - 图文模式*/
ul.article-list-graphic{}
ul.article-list-graphic li{ display:flex; padding:10px 0; border-bottom:1px dashed #e3e3e3;}
ul.article-list-graphic li:last-child{ border:0;}
ul.article-list-graphic li .thumb{ width: 120px; height: 90px;}
ul.article-list-graphic li .thumb img{ width: 120px; height: 90px; border-radius:4px; }
ul.article-list-graphic li .content{ padding: 0 0 0 15px; flex: 1; }
ul.article-list-graphic li .content h4{ height:28px; line-height:20px; }
ul.article-list-graphic li .content h4 a{ font-size:16px; color:#333; }
ul.article-list-graphic li .content .descinfo{ height: 40px; line-height: 20px; font-size:14px; color: #666; overflow: hidden;}
ul.article-list-graphic li .content .date{ line-height:22px; font-size:14px; color: #999;  }

/* 文章列表 — 图片+标题 */
.article-photo-container{ padding: 16px 0; }
ul.article-list-photo{ flex-wrap:wrap; }
ul.article-list-photo li{ width:220px; margin: 0 16px 13px 0; padding:0 0 0 16px;}
ul.article-list-photo li:nth-child(4n){ margin-right: 0;}
ul.article-list-photo li:nth-child(4n+2){ margin-right: 15px;}
ul.article-list-photo li .thumb{ width: 220px; height: 165px; margin: 0 auto; }
ul.article-list-photo li .thumb img{ width: 220px; height: 165px; }
ul.article-list-photo li h4{ padding: 5px 0; height: 40px; font-weight: normal; font-size: 16px; text-align: center; line-height: 20px; overflow: hidden; }

/* 文章详情 */
.qf-article-show{}
.qf-article-show h1{ padding: 10px 0 10px; line-height:32px; font-size: 24px; text-align: center; }
.qf-article-show .author{ line-height:30px; text-align:center;}
.qf-article-show .content{ padding:20px 0; line-height:200%; font-size:16px;}
.qf-article-show .content img{ max-width: 100%; }
.qf-article-show .cover img{ margin: 0 auto; display:block;}
.qf-article-show .content table{ margin: 0 auto;}
.qf-article-show .content table td{ border: 1px solid #f0f0f0;}
/* 文章详情 - 上一页+下一页 */
.prev-next{ padding: 10px 0; }
.prev-next a{ font-size: 14px; color: #666; }
.prev-next .prev,
.prev-next .next{ line-height: 32px; }

/* 成功列表页 */
ul.case-list{ flex-wrap:wrap;}
ul.case-list li{ width:220px; height:270px; margin:5px; padding:10px; cursor:pointer; position:relative;  border-radius:6px; border:1px solid #efefef; background-color:#fff;}
ul.case-list li:nth-child(4n){ border:1px solid #f00;}
ul.case-list li .thumb{ width:190px; height:190px; margin:10px auto;}
ul.case-list li .thumb img{ width:190px; height:190px;}
ul.case-list li h4{ height:40px; line-height:20px; text-align:center; font-size:15px;}
ul.case-list li:hover{ border-color:#e60012;}
ul.case-list li:hover h4{ color:#e60012;}
ul.case-list li:hover{ padding:5px;}
ul.case-list li:hover .thumb{ width:200px; height:200px; margin:5px auto; transition-duration:0.4s;}
ul.case-list li:hover .thumb img{ width:200px; height:200px; transition-duration:0.4s;}

/* 案例详情 */
.qf-case-show{}
.qf-case-show h1{ padding: 10px 0 10px; line-height:32px; font-size: 24px; text-align: center; }
.qf-case-show .author{ line-height:30px; text-align:center;}
.qf-case-show .content{ padding:20px 0; line-height:200%; font-size:16px;}
.qf-case-show .content img{ max-width: 100%; }
.qf-case-show ul.parameter{ padding:15px 30px; background-color:#efefef; border:1px dashed #ccc;}
.qf-case-show ul.parameter li{ width:100%; float:left; line-height:30px; font-size:14px;}

.attachsSlides{}
.attachsSlides{ width:920px; position:relative; z-index:100; overflow:hidden;}
.attachsSlides .slides-focus{ width:100%; height:30px; text-align:center; position:absolute; bottom:20px; z-index:1; display:none; overflow:hidden;}
.attachsSlides .slides-focus ul{ display:inline-block; font-size:0; zoom:1; overflow:hidden;}
.attachsSlides .slides-focus ul li{ width:15px; height:15px; display:inline-block; margin-right:5px; border-radius:7px; background:#fff; cursor:pointer;}
.attachsSlides .slides-focus ul li.on{ background:#f00; color:#fff; }
.attachsSlides .slides-pics{ width:100%; height:100%; z-index:0;}
.attachsSlides .slides-pics li{ width:100%; height:900px; overflow:hidden;}
.attachsSlides .slides-pics li a{ width:100%; display:block; font-size:0;}
.attachsSlides .prev,
.attachsSlides .next{ width:45px; height:99px; position:absolute; left:5%; top:40%; margin-top:-25px; display:block; background:url(../images/slider-arrow-bg.png) -105px 30px no-repeat; filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; background-color:#000;}
.attachsSlides .next{ left:auto; right:5%; background-position:-45px 30px; }
.attachsSlides .prev:hover,
.attachsSlides .next:hover{ filter:alpha(opacity=60); opacity:0.6;}
.attachsSlides .prevStop{ display:none;}
.attachsSlides .nextStop{ display:none;}